<template>
  <div class="container-wrap">

    <div class="search-wrap">
      <div class="search-m">
        <i class="iconfont icon-fangdajing"></i>
        <input type="text" placeholder="搜索" class="s-input" @input="inputValue">
      </div>
      <div class="cancel-s">取消</div>
    </div>

    <div class="d-item-wrap">
      <div class="d-content">
        <div class="item">
          <div class="label">
            类型
          </div>
          <div class="txt">
            <input class="input-c" type="text" value="点击选择类型 >" readonly
                   @click="">
          </div>
        </div>
        <div class="item">
          <div class="label">
            流程状态
          </div>
          <div class="txt">
            <input class="input-c" type="text" value="点击选择类型  >" readonly
                   @click="">
          </div>
        </div>
        <div class="item">
          <div class="label">
            报送时间
          </div>
          <div class="txt">
            <input class="input-c" type="text" value="点击选择类型  >" readonly
                   @click="">
          </div>
        </div>
        <div class="item">
          <div class="label">
            语音匹配
          </div>
          <div class="txt">
            <span class="voice-s"> 点击开始匹配</span>
            <div class="voice-wrap">
              <voice-txt-area :isSearch="'true'"></voice-txt-area>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="btn-wrap">
      <div class="btn-b" @click="">
        确认
      </div>
    </div>

    <transition name="fadeShow">

    </transition>

  </div>
</template>

<script>

  import voiceTxtArea from "../commonComponents/voiceTxtarea"

  export default {
    data() {
      return {
        type: "",
      }
    },
    methods: {
      goOrg() {

      },
      inputValue(v) {
        let k = v.toString().trim();
      },
    },
    mounted() {

    },
    components: {
      voiceTxtArea
    },
    beforeDestroy(){

    },
  }

</script>

<style scoped lang="scss">
  .container-wrap{
    z-index: 99;
    background-color: rgba(255,255,255,.4);
  }
  .search-wrap{
    display: flex;
    .search-m{
      flex: 1;
    }
    .cancel-s{
      width: 36px;
      color: #4593f4;
      line-height: 29px;
      font-size: 14px;
      text-align: right;
      font-weight: 600;
    }
  }
  .item{
    display: flex;
    &:before{
      left: 0!important;
    }
    .txt{
      flex: 1;
      text-align: right;
    }
  }
  .voice-s{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    padding-right: 18px;
    font-size: 14px;
    color: #7a7a7a;
  }
  .voice-wrap{
    position: absolute;
    top: -4px;
    right: -6px;
  }
</style>
